/**
 * @Author: Your name
 * @Date:   2021-10-09 11:39:27
 * @Last Modified by:   Your name
 * @Last Modified time: 2021-10-13 14:20:56
 */
// 'use strict';

$(function(){

    // 封装方法
    function render(data=[]){
    
        let html=''
        data.forEach(item=>{
            html+=`
            <li>
                <a href="../pages/savemoneyinformation.html?productid=${item.productId}">
                    <div class="left"> ${item.productImg2}</div>
                            
                    <div class="right">
                                <div class="top">
                                    <h6>${item.productName}</h6>
                                </div>
                                <div class="buttom">
                                    <span>${item.productFrom}|${item.productTime}</span>
                                    <i class="spank">${item.productComCount}</i> 
                                </div>
                    </div>
                </a>
            </li>
            `
        })
       $('.info').html(html)
    
       
    }
    
    
    
    // 详情页面跳转
    
    
    
    // 服务数据请求
    
    
        // http://chst.vip:1234/api/getmoneyctrl?pageid=0
        $.ajax({
            url: "http://chst.vip:1234/api/getmoneyctrl",
            data: {
                pageid:0
            }
        })
        .then(res=>{
            // console.log(res);
            render(res.result);
            
           
    
            
            // 下拉列表菜单
            $('#test').on("change",function() { 
            
                let o=$('#test').val()
                
                $.ajax({
                    url: "http://chst.vip:1234/api/getmoneyctrl",
                    data: {
                        pageid:o
                    }
                })
                .then(res=>{
                    // console.log(res);
                    render(res.result);
                })
    
                $('.info li').on('click',"a",function(){
                
                    let productid=$(this).attr('productid')
                    this.href=`../pages/savemoneyinformation.html?productid=${productid}`
                    console.log(a.productid);
                })
                
                if(o>0){
                    $('.next').attr("disabled", false)
                    $('.black').attr("disabled", false)
                }  
                 
               })
        // 下一页
               $('.next').click(function () { 
                let n=$('#test').val()
        
                if(n<13){
                 n++
                 $('#test').val(n)
                 $.ajax({
                  url: "http://chst.vip:1234/api/getmoneyctrl",
                  data: {
                      pageid:n
                  }
              })
              .then(res=>{
                //   console.log(res);
                  render(res.result);
              })
              
              $('.black').attr("disabled", false)
              
                       }else{
                     $('.next').attr("disabled", true)
                            }
             })
        // 上一页
             $('.black').click(function () { 
                let n=$('#test').val()
        
                if(n>0){
                 n--
                 $('#test').val(n)
                 $.ajax({
                  url: "http://chst.vip:1234/api/getmoneyctrl",
                  data: {
                      pageid:n
                  }
              })
              .then(res=>{
                //   console.log(res);
                  render(res.result);
              })
              $('.next').attr("disabled", false)
                       }else{
                     $('.black').attr("disabled", true)
                            }
             })
    
    
             
    
            
        })
    
        
    
})









